<div ng-controller="ProductCtrl" ng-init="addAction()" class="sui-form form-horizontal">
        <ul class="sui-breadcrumb">
            <li><a href="#/product/list">{{'product' | translate}}{{'List'| translate}}</a></li>
            <li class="active">{{product.pid?'edit':'add_new' | translate}}</li>
        </ul>
        <div class="control-group" ng-if="product.pid">
            <label class="control-label v-top"> {{'productid' | translate}}:</label>
            <div class="controls">
                {{product.pid}}
            </div>
        </div>
        <div class="control-group">
            <label class="control-label v-top">{{'Category' | translate}} :</label>
            <div class="controls">
                <!-- <input type="text" name="category_id" ng-model="product.category_id"  class="input-xlarge">
                <div ng-show="productForm.category_id.$error.required" class="sui-msg msg-error msg-clear help-block">
                    <div class="msg-con">{{'required'| translate}}</div>
                    <s class="msg-icon"></s>
                </div> -->
                <cat-tree ng-model="product.category_id" dft="1" ></cat-tree>
            </div>
        </div>
         <div class="control-group">
            <label class="control-label v-top">{{'outer_id' | translate}} :</label>
            <div class="controls">
             {{product.outer_id}}
            </div>
        </div>
        <div class="control-group">
            <label class="control-label v-top"> {{'产品线' | translate}} :</label>
            <div class="controls">
                 <select-productcat ng-model="product.productcat_id" stype="1" callback="addproductcat(productcat)"></select-productcat>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label v-top"> {{'description' | translate}} :</label>
            <div class="controls">
                {{product.description}}
            </div>
        </div>
        <div class="control-group">
            <label class="control-label v-top">2 {{'discount' | translate}} :</label>
            <div class="controls">
                {{product.discount_id}}
            </div>
        </div>
         <div class="control-group">
            <label class="control-label v-top">{{'have_guarantee' | translate}} :</label>
            <div class="controls">
                {{product.have_guarantee|translate}}
            </div>
        </div>
        <div class="control-group">
            <label class="control-label v-top"> {{'have_invoice' | translate}} :</label>
            <div class="controls">
               {{product.have_invoice|translate}}
            </div>
        </div>
     
         <div class="control-group" >
            <label class="control-label v-top"> {{'product_image' | translate}} :</label>
                <img ng-src="{{product.image_url}}" class="item-image">
        </div> 
        <div class="control-group">
            <label class="control-label v-top">{{'Name' | translate}} :</label>
            <div class="controls">
        		{{product.name}}
            </div>
        </div>
  <!--        <div class="control-group" class="zhide">
            <div class="controls">
                <input type="hidden" ng-model="product.outer_id" name="outer_id" class="input-xlarge">
            </div>
        </div> -->
    <!--     <div class="control-group" class="hide">
            <label class="control-label v-top"><b style="color: #f00;">*</b> {{'Name' | translate}} :</label>
            <div class="controls">
                <input type="text" name="items_count" ng-model="product.items_count" class="input-xlarge">
              
                <div ng-show="productForm.have_invoice.$error.required" class="sui-msg msg-error msg-clear help-block">
                    <div class="msg-con">{{'required'| translate}}</div>
                    <s class="msg-icon"></s>
                </div>
            </div>
        </div> -->
         <div class="control-group" >
            <label class="control-label v-top"> {{'postage_fast' | translate}} :</label>
            <div class="controls">
               <select-faretemplate ng-model="product.postage_id" stype="1"></select-faretemplate>
            </div>
        </div>
        <div class="control-group" class="hide">
            <label class="control-label v-top">{{'postage_fast' | translate}} :</label>
            <div class="controls">
                {{product.postage_fast}}
            </div>
        </div>
         <div class="control-group" class="hide">
            <label class="control-label v-top">{{'postage_type' | translate}} :</label>
            <div class="controls">
                <postage-type ng-model="product.postage_type" stype="1"></postage-type>              
           
            </div>
        </div>
        <div class="control-group" class="hide">
            <label class="control-label v-top"> {{'quantity' | translate}} :</label>
            <div class="controls">
             	{{product.quantity}}
            </div>
        </div>
        <div class="control-group" class="hide">
            <label class="control-label v-top">{{'alarm_number' | translate}} :</label>
            <div class="controls">
                {{product.alarm_number}}         
            </div>
        </div>
    
         <div class="control-group table-bordered" >
            <label class="control-label v-top">{{'product_skus' | translate}} :</label>
            <div class="controls">
                <table class="sui-table table-bordered">
                    <thead>
                       <th>
                            {{'Name'|translate}}
                        </th>
                        <th>
                            {{'outer_id'|translate}}
                        </th>
                        <th>
                            {{'image_url'|translate}}
                        </th>
                        <th>
                            {{'sku_properties'|translate}}
                        </th>
                        <th>
                            {{'pur_standard_price'|translate}}
                        </th>
                        <th>
                            {{'retail_standard_price'|translate}}
                        </th>
                        <th>
                            {{'retail_price_high'|translate}}
                        </th>
                        <th>
                            {{'retail_price_low'|translate}}
                        </th>
                        <th>
                            {{'quantity'|translate}}
                        </th>
                    </thead>
                    <tbody ng-repeat="sku in product.skus">
                      <td>
                          {{sku.name}}
                        </td>
                        <td>
                          {{sku.outer_id}}
                        </td>
                        <td>
                            <input type="hidden" name="image_url" ng-model="sku.image_url">
                            <img ng-src="{{sku.image_url}}" class="item-image">
                            <br>
                        </td>
                        <td>
                           {{sku.properties}}
                        </td>
                         <td>
                            {{sku.pur_standard_price}}
                        </td>
                        <td>
                          {{sku.retail_standard_price}}
                        </td>
                        <td>
                            {{sku.retail_price_high}}
                        </td>
                         <td>
                            {{sku.retail_price_low}}
                        </td>
                        <td>
                           {{sku.quantity}}
                        </td>
                    </tbody>
                </table>
            </div>
        </div>
    
</div>
